<template>
<div class="home">
    <Header></Header>
    <div id="main">
      <Banner></Banner>
    </div>
    <Footer></Footer>
  </div>
</template>

<script setup>
import {reactive} from "vue";
// vite中导入非ts.js文件时，必须填写文件后缀
import Header from "../components/Header.vue"
import Footer from "../components/Footer.vue"
import Banner from "../components/Banner.vue"

// 测试CROS的跨域配置是否有问题
// import http from "../utils/http"

// http.get("/demo/").then(response=>{
//   console.log(response.data);
// })

const store = reactive({
  value2: null,
  colors: ['#99A9BF', '#F7BA2A', '#FF9900'],
})
</script>

<style>

</style>